<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/SellerTableCheck.css">
    <script src="/js/Jquery.js"></script>
<!--    <script src="/js/SellerTableCheck.js"></script>-->
    <title>查看餐桌状态</title>
</head>
<body>
<div>
    <ul id="s">
        <li><a href="/seller/menulist1"> 菜单1 </a></li>
        <li><a href="/seller/menulist2"> 菜单2 </a></li>
        <li><a href=""> 编辑 </a></li>
        <li><a href="/seller/order2"> 订单 </a></li>
        <li><a href="/table/seller"> >餐桌 </a></li>
    </ul>
</div>

</div>
<div id="back">
</div>
<div id="table">
    <div th:each="tab:${tableList}" id="table1" th:id="table+${tab.key}">
        <div  th:style="${tab.value.id}==-1 ? 'display:none':'display:block'"><!--用于隐藏-->
        <a th:href="@{'/seller/order2/'+${tab.value.id}}"><!--用于跳转-->
            <button id="abcd" th:id="${tab.value.id}">订单号：
                <div th:text="${tab.value.id}"> <!--用于改字-->
                </div>
            </button>
        </a>
        </div>
    </div>



</div>
<script>
    // sellerTableCheck();
</script>
</body>
</html>